<template>
 <div class="List">
     <div class="List-header">
         <h4 class="List-header-Text">
             <span>我的回答</span>
         </h4>
         <div class="List-headerOptions">
             <div class="Popver">
                 <template>
                     <el-select v-model="value" placeholder="请选择">
                         <el-option
                                 v-for="item in options"
                                 :key="item.value"
                                 :label="item.label"
                                 :value="item.value">
                         </el-option>
                     </el-select>
                 </template>
             </div>
         </div>

     </div>
     <div class="css-1g5evo1">
         <div class="css-1jfwu0r">
             <div class="css-sumlaa">
                 <svg width="150" height="120" viewBox="0 0 150 120" fill="currentColor"><g fill="none" fill-rule="evenodd"><path fill="#EBEEF5" d="M67.757 83H45c-1.66 0-3-1.338-3-2.998V37.998A3.003 3.003 0 0 1 45 35h53.42v-3H45c-3.31 0-6 2.686-6 5.998v42.004A5.994 5.994 0 0 0 45 86h21.515l6.853 6.854a2.99 2.99 0 0 0 4.234 0L84.456 86H105c3.31 0 6-2.686 6-5.998v-36.54h-3v36.54A3.003 3.003 0 0 1 105 83H83.214l-7.728 7.728L67.756 83z" fill-rule="nonzero"></path><path fill="#F7F8FA" d="M55 48.5c0-.828.67-1.5 1.508-1.5h26.984a1.5 1.5 0 1 1 0 3H56.508A1.5 1.5 0 0 1 55 48.5zm0 11c0-.828.677-1.5 1.495-1.5h37.01c.826 0 1.495.666 1.495 1.5 0 .828-.677 1.5-1.495 1.5h-37.01A1.494 1.494 0 0 1 55 59.5zm0 11c0-.828.677-1.5 1.495-1.5h37.01c.826 0 1.495.666 1.495 1.5 0 .828-.677 1.5-1.495 1.5h-37.01A1.494 1.494 0 0 1 55 70.5z"></path><path fill="#EBEEF5" d="M94.868 50.46l18.92-18.92-2.83-2.827-18.918 18.92-2.12-2.123 18.917-18.918a3.005 3.005 0 0 1 4.245-.002l2.828 2.828a3.004 3.004 0 0 1-.002 4.245L96.99 52.58l-2.122-2.12zm-7.193 2.377l2.244-7.327 7.07 7.07-7.328 2.245c-1.575.482-2.473-.405-1.988-1.988z" fill-rule="nonzero"></path></g></svg>
             <div>"还没有回答，看看"<a href="/quest" class="css-134a7ny">为你推荐的问题</a></div>
             </div>
         </div>
     </div>
 </div>



</template>

<script>
    export default {
        name: "Answer",
        data() {
            return {
                options: [{
                    value: '选项1',
                    label: '按时间排序'
                }, {
                    value: '选项2',
                    label: '按赞同排序'
                }],
                value: ''
            }
        }
    }
</script>

<style scoped>
    .List-header{
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        align-items: center;
        height: 50px;
        margin: 0 20px;
        border-bottom: 1px solid #f6f6f6;
        box-sizing: border-box;
    }
    .List-header-Text{
        font-weight: 600;
        margin: 0;
    }
    h4{
        display: block;
        margin-block-start: 1.33em;
        margin-block-end: 1.33em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
    }
    .List-headerOptions{
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        align-self: center;
        font-size: 14px;
    }
    .Popver{
        position: relative;
        display: inline-block;
    }
    .css-1g5evo1{
        padding: 70px 0px;
    }
    .css-1jfwu0r{
        box-sizing: border-box;
        margin: 0px;
        min-width: 0px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        flex: 1 1 0%;
        height: 100%;
        display: flex;
    }
    .css-sumlaa{
        box-sizing: border-box;
        margin: 0px;
        min-width: 0px;
        text-align: center;
        color: rgb(133, 144, 166);
    }
    .css-sumlaa svg{
        width: 150px;
        height: 120px;
        fill: currentcolor;
    }
    .css-134a7ny{
        box-sizing: border-box;
        margin: 0px;
        min-width: 0px;
        color: rgb(23, 81, 153);
        text-decoration: none;
    }


</style>